<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>

    <meta charset="utf-8">
    <title>[[${article.title}]]</title>
    <meta name="description" th:content="${article.seoDesc}">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"/>
    <meta content="website" property="og:type">
    <meta content="魔金 | 博客" property="og:title">
    <meta content="http://www.魔金025.com" property="og:url">
    <meta content="魔金 | 博客" property="og:site_name">
    <meta property="og:description" th:content="${article.seoDesc}">
    <meta content="summary" name="twitter:card">
    <meta content="魔金 | 博客" name="twitter:title">
    <meta name="twitter:description" th:content="${article.seoDesc}">
    <meta content="Spring Boot, Spring,Linux,Java,Hadoop" name="keywords"/>
    <link rel="stylesheet" th:href="@{vendor/open-sans/styles.css}">
    <link rel="stylesheet" th:href="@{vendor/source-code-pro/styles.css}">
    <link rel="stylesheet" th:href="@{/css/style.css}">
    <link rel="stylesheet" th:href="@{/css/editormd.preview.css}"/>
    <link rel="stylesheet" th:href="@{/css/pagination.css}">
    <link href="https://cdn.staticfile.org/lightgallery/1.3.9/css/lightgallery.min.css" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/css/share.css}" type="text/css"/>
    <link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


    <script async color="0,0,255" count="99" opacity='0.7'
            src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js" type="text/javascript"
            zIndex="-2"></script>
    <link rel="stylesheet" th:href="@{/css/lrtk.css}"/>
    <link rel="stylesheet" th:href="@{/css/load.css}" type="text/css">
    <style>
        @media screen and (min-width: 1200px) {
            #main {
                display: inline;
                float: left;
                width: 74.9999999999%;
                margin: 0 0.769230769230769%;
            }
        }
        @media screen and (min-width: 1199px) and (max-width: 1199px) {
            #main {
                display: inline;
                float: left;
                width: 74.9999999999%;
                margin: 0 0.769230769230769%;
            }
        }





    </style>
</head>
<body>
<div id="container">
    <header id="header" th:replace="blog/part/header :: header">
    </header>
    <div class="outer">

        <aside id="profile">
            <!--个人基础信息-->
            <div class="inner profile-inner" th:replace="blog/part/base-of-me :: base_of_me"></div>
            <!--友情链接-->
            <div class="inner profile-inner" th:replace="blog/part/friend-link :: friend_link"></div>
            <!--微信公众号信息-->
            <!--  <div class="inner profile-inner" th:replace="blog/part/wechat-info :: wechat_info"></div>-->
        </aside>

        <section id="main">
            <div id="loader-wrapper">
                <div id="loader"></div>
                <div class="loader-section section-left"></div>
                <div class="loader-section section-right"></div>
                <div class="load_title">正在加载魔金站点....<br><span>V1.0</span></div>
            </div>

            <article class="article article-type-post" id="post-zuul-vs-nginx-performance" itemprop="blogPost"
                     itemscope="">
                <div class="article-inner">

                    <header class="article-header">


                        <h1 class="article-title" itemprop="name">
                            <span id="article-title" th:text="${article.title}"></span>
                        </h1>


                        <div class="article-meta">

                            <div class="article-date">
                                <i class="fa fa-calendar"></i>
                                <a id="article-url" th:href="'/article/details/'+${article.id}">
                                    <time datetime="2017-04-03" itemprop="datePublished"
                                          th:text="${article.createTime}"></time>
                                </a>
                            </div>


                            <div class="article-category" style="text-transform: none;">
                                <i class="fa fa-folder"></i>
                                <!--th:href="'/category/details/'+${articleList.categoryId}"-->
                                <a class="article-category-link" style="cursor: pointer"
                                   th:onclick="'loadCategory('+${article.columnId}+')'"
                                   th:text="${article.columnName}"></a>
                            </div>


                        </div>


                    </header>


                    <div class="article-entry" itemprop="articleBody" lg-uid="lg0">
                        <div id="article-content">
                            <textarea id="append-test" style="display:none;" th:utext="${article.desc}"></textarea>
                        </div>

                    </div>
                    <footer class="article-footer">
                        <div class="socialShare active" id="socialShare" th:data-content="${article.seoDesc}"
                             th:data-desc="${article.seoDesc}" th:data-title="${article.title}"
                             th:data-url="'/article/details/'+${article.id}"></div>
                    </footer>
                </div>


                <nav id="article-nav">

                    <a class="article-nav-link-wrap" id="article-nav-newer"
                       th:href="'/article/details/'+${lastArticle.id}" th:if="${lastArticle != null}">
                        <strong class="article-nav-caption">上一篇</strong>
                        <div class="article-nav-title" th:text="${lastArticle.title}"></div>
                    </a>


                    <a class="article-nav-link-wrap" id="article-nav-older"
                       th:href="'/article/details/'+${nextArticle.id}" th:if="${nextArticle != null}">
                        <strong class="article-nav-caption">下一篇</strong>
                        <div class="article-nav-title" th:text="${nextArticle.title}"></div>
                    </a>

                </nav>


            </article>
            <!--PC和WAP自适应版-->
            <div id="SOHUCS" th:sid="${article.id}"></div>
            <script type="text/javascript">
                (function(){
                    var appid = 'cysYcQMdM';
                    var conf = 'prod_12b546d584c5e5927876d7c322ee1e03';
                    var width = window.innerWidth || document.documentElement.clientWidth;
                    if (width < 960) {
                        window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>');
                    } else {
                        var loadJs=function(d,a){
                            var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;
                            var b=document.createElement("script");b.setAttribute("type","text/javascript");
                            b.setAttribute("charset","UTF-8");
                            b.setAttribute("src",d);
                            if(typeof a==="function"){
                                if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("http://changyan.sohu.com/upload/changyan.js}",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })();



            </script>


        </section>

        <div class="fa fa-angle-up" id="toTop"></div>
    </div>

    <footer id="footer" th:replace="blog/part/footer :: footer"></footer>
    <script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js}"></script>
    <script th:href="@{vendor/jquery/2.1.3/jquery.min.js}"></script>
    <script th:src="@{/js/jquery.imgbox.pack.js}"></script>
    <script th:src="@{/js/share.js}"></script>
    <script th:src="@{/js/jquery.pagination.js}"></script>
    <script th:href="@{/admin/js/editormd.js}"></script>
    <script th:href="@{/admin/lib/marked.min.js}"></script>
    <script th:href="@{/admin/lib/prettify.min.js}"></script>
    <script th:src="@{/js/article-content.js}"></script>
    <script th:src="@{/js/insight.js}"></script>
    <script th:src="@{/js/main.js}"></script>


</div>

</body>
</html>